@import url('jquery-ui/jquery-ui-1.9.2.custom.min.css');

/*===========================================*/

*{margin:0;padding:0}
html,body{height:100%}

/*===========================================*/

body{font:12px Arial;color:#555}

a{color:#1230B7;text-decoration:underline;outline:none}
a:hover{text-decoration:none}

a.delete{text-decoration:none;font-size:10px;color:#777}
a.delete:hover{color:#f00}

ul,ol{padding-left:20px}
ul.clean,ol.clean{padding:0;list-style:none}

table{width:100%;margin:10px 0;border-collapse:collapse}
td,th{padding:4px 7px}
th{background:#3D0E77;text-align:left;font-weight:normal;color:#fff;text-transform:uppercase}
th:first-child,td:first-child{border-radius:4px 0 0 4px}
th:last-child,td:last-child{border-radius:0 4px 4px 0;width:1%}
td{border-bottom:1px solid #ddd}

tr:hover td{background:#eee}

form .buttons{clear:both;margin:10px 0;float:left;width:100%}
form .buttons input{float:right;margin-left:5px}
label{cursor:pointer;margin:15px 0 0;display:block}
label.inline{display:inline-block}
input,textarea,select{font:12px Arial}
input[type=text],input[type=password],textarea,select{border:1px solid #ccc;padding:2px 4px;margin:5px 0}
input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus{border-color:#3D0E77}
input[type=button],input[type=submit],input[type=reset]{cursor:pointer;border-radius:2px;border:0;background:#ccc;padding:5px 10px;color:#555}
input[type=button]:hover,input[type=reset]:hover{background:#bbb}
input[type=submit],input.submit{background:#3D0E77;color:#fff;font-weight:bolder}
input[type=submit]:hover,input.submit:hover{background:#511F93}
button{font-size:11px;border:none;border-radius:3px;background:#3D0E77;color:#fff;cursor:pointer;padding:2px 4px}

fieldset{clear:both;margin:10px 0;border:1px solid #ccc;border-radius:4px;padding:10px}
legend{padding:0 5px;color:#999}

.filter-form{margin:10px 0 0;display:block;width:100%;border-radius:3px;background:#ddd;padding:5px}
.filter-form label{margin:0}
.filter-form input[type=submit],.filter-form input[type=button]{float:right;margin:2px}

::-webkit-input-placeholder{color:#ccc}
::-webkit-input-placeholder:focus{color:#555}
:-moz-placeholder{color:#ccc}
:-moz-placeholder:focus{color:#555}
:-ms-input-placeholder{color:#ccc}
:-ms-input-placeholder:focus{color:#555}

input.form-error,textarea.form-error,select.form-error{border-color:#D10C0C}
.error-message{display:inline-block;background:#D10C0C;color:#fff;padding:4px;position:relative;height:12px;margin-left:10px;font-size:10px;line-height:11px;margin-top:-5px}
.error-message:after, .error-message:before { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.error-message:after { border-color: rgba(213, 23, 23, 0); border-right-color: #d51717; border-width: 10px; top: 50%; margin-top: -10px; }

input.large{width:400px}
textarea{width:400px;height:200px}
textarea.ckeditor{height:400px}

.cke .cke_dialog{width:600px}

#flashMessage{position:fixed;left:0;top:0;width:100%;padding:10px 0;color:#fff;text-align:center;box-shadow:0 0 5px #000}
#flashMessage.ok{background:darkgreen}
#flashMessage.error{background:#D10C0C}

#left{float:left;height:100%;background:#3D0E77;width:200px;color:#fff}
.login #left{display:none}
#logo{text-align:center;margin:20px 0}
#left .links{text-align:center;margin-bottom:20px}
#left .links a{padding:2px 4px}
#left .links a:hover{background:#fff;color:#3D0E77;text-decoration:none}
#left a{color:#fff;text-decoration:none}
#left a:hover{text-decoration:underline}
#left ul{list-style:none;padding-left:10px}
#left li a,#left li strong{color:#fff;text-decoration:none;display:block;padding:5px 10px;height:14px;overflow:hidden}
#left li a:hover:after,#left li strong:after{content:"»";display:block;float:right}
#left li a:hover{background:#643E92;text-decoration:none}
#left li strong{background:#fff;color:#3D0E77;text-transform:uppercase}
#left ul ul{padding-left:0}
#left ul ul li{padding-left:30px;background:url(../img/ico-submenu.png) no-repeat 15px 0}
#left ul ul li:last-child{background-image:url(../img/ico-submenu-last.png)}
#left ul ul a,#left ul ul strong{padding-left:5px}

#main{float:left;padding:20px;width:800px}
.login #main{float:none;text-align:center;display:table;width:100%;height:100%;padding:0}
.login form{display:table-cell;height:100%;vertical-align:middle}
.login label{display:block;margin:5px 0}
.login input{margin:0 0 20px}

#main p{margin-bottom:15px}

.pagination{background:#ccc;color:#fff;margin-top:20px;text-align:center;float:left;width:100%;border-radius:3px;line-height:23px}
.pagination a{color:#fff;text-decoration:none}
.pagination a:active{margin:0}
.pagination .current,.pagination strong{font-weight:bolder;color:#777}
.pagination .numbers{width:80%;overflow:hidden;float:left}
.pagination .numbers span{margin:0 2px}
.pagination .first,.pagination .last{float:left;width:9%;height:24px;overflow:hidden;text-align:left;font-size:20px;line-height:20px;color:#ddd;font-weight:normal}
.pagination .first a,.pagination .last a{font-weight:bolder}
.pagination .first{margin-left:1%}
.pagination .last{float:right;text-align:right;margin-right:1%}

.sortable{list-style:none}
.sortable .actions{float:right}
.sortable .actions a{display:inline-block;width:20px;height:20px;text-indent:-100em;overflow:hidden;background:url(../img/icons_admin.png) no-repeat 0 0}
.sortable .actions .delete{background-position:0 -20px}
.sortable .actions .handle{cursor:move;display:none}
.sortable li{border:1px solid #ccc; background:#eee;margin:1px 0;padding:10px}
.sortable .sortable-placeholder{background:#fc0}
.sortable .ui-sortable-helper{opacity:0.8}
.sortable label{margin-top:0}
.sortable textarea{height:50px;margin-top:0}
.sortable input[type=text]{margin-top:0}

.slideshow.sortable{width:500px;clear:both}
.slideshow.sortable .image{clear:both;position:relative;float:left;width:400px;min-height:100px;max-height:200px;overflow:hidden}
.slideshow.sortable .new .image{width:400px;height:100px}
.slideshow.sortable .image input{position:absolute;z-index:10;left:5px;top:5px;display:none}
.slideshow.sortable .image:hover input,.slideshow.sortable .image.changed input,.slideshow.sortable .new .image input{display:block}
.slideshow.sortable.sorting li{height:100px;overflow:hidden;position:relative}
.slideshow.sortable.sorting .handle{display:inline-block}
.slideshow.sortable.sorting .delete{display:none}
.slideshow.sortable.sorting textarea{display:none}
.slideshow.sortable.sorting input[type=text]{position:absolute;top:80px;z-index:1;border:none;background:rgba(255,255,255,.3)}
.slideshow.sortable.sorting input.link{display:none}
.slideshow.sortable.sorting .image{position:absolute;z-index:0;height:100px;overflow:hidden}

.file-list{list-style:none;float:left;width:100%}
.file-list li{float:left;position:relative;width:80px;height:80px;overflow:hidden;border:1px solid #ccc;margin:0 5px 5px 0;text-left;font-size:10px;padding:2px;background:#fff}
.file-list .control{color:#bbb;position:relative;cursor:pointer;overflow:hidden;line-height:80px;text-align:center;font-size:14px}
.file-list .control span{color:#fff;background:#ccc;display:inline-block;width:80px}
.file-list .control:hover span{background:#3D0E77}
.file-list .control input[type=file]{position:absolute;right:0;top:0;height:100%;cursor:pointer;opacity:0.01;font-size:100px;display:block}
.file-list li input[type=file]{display:none}
.file-list li .handle{width:72px;height:10px;background:#ccc;cursor:move;display:block}
.file-list li .delete{position:absolute;right:2px;top:2px;width:10px;height:10px;text-align:center;background:#aaa;font-weight:bolder;color:#fff;line-height:8px;border-radius:2px}
.file-list li .delete:hover{background:#f00}
.file-list li.ui-sortable-placeholder{background:#eee}

#material-list li,#prepare-list li{clear:both;margin:2px 0;float:left}
#material-list textarea,#prepare-list textarea{width:400px;height:40px;float:left;margin:0 5px}

#receipes-search-list{width:100%;height:300px}
#receipes-search-list li{width:80px;height:80px;overflow:hidden;float:left;font-size:11px;margin:0 5px 5px 0;position:relative;cursor:pointer}
#receipes-search-list li.no-results{width:200px;cursor:default}
#receipes-search-list.loading{background:url(../img/ui-loading.gif) no-repeat center center}
#receipes-search-list.loading li{visibility:hidden}
#receipes-search-list .title{position:absolute;left:0;top:0;width:76px;background:rgba(255,255,255,0.7);padding:2px}

.category-tree{list-style:none;float:left;clear:both}
.category-tree.loading{background:url(../img/loading.gif) no-repeat center center}
.category-tree.loading *{visibility:hidden}
.category-tree li{background:url(../img/category-tree.png) no-repeat 5px 0;padding:6px 0 0 18px;float:left;clear:both;position:relative}
.category-tree li.ui-sortable-helper{background:transparent !important}
.category-tree li ul{padding-left:5px;display:none}
.category-tree li:last-child{background-image:url(../img/category-tree-end.png)}
.category-tree li.sub{background-image:url(../img/category-tree-sub.png)}
.category-tree li.sub:last-child{background-image:url(../img/category-tree-sub-end.png)}
.category-tree a{height:14px;overflow:hidden;color:#000;text-decoration:none;padding:2px 4px;border-radius:2px;display:block;float:left}
.category-tree a:hover{text-decoration:underline}
.category-tree a.toggle{width:8px;height:8px;background:#fff;border:1px solid #999;padding:0;margin:3px 2px 0 0;border-radius:0;color:#555;text-align:center;font-weight:bolder;font-size:10px;line-height:8px}
.category-tree .actions{position:absolute;display:none;left:100%}
.category-tree .actions a{color:#0055AA;text-decoration:underline}

#trash{margin:10px 0;display:none}


.handle{background:url(../img/reorder.png) no-repeat center center;cursor:move}
tr:hover .handle{background:#eee url(../img/reorder.png) no-repeat center center}

table.loading{background:#eee url(../img/loading.gif) no-repeat center center}
table.loading *{visibility:hidden;border:none}